<template>
  <div>
    <h1>我是App组件</h1>
    {{ count }}
    <hr />
    <!-- 
      在vue2中，给组件所有绑定的事件默认都是自定义事件
      如果需要给组件绑定原生事件（绑定给子组件的最外层元素），需要使用.native修饰符
     -->
    <Child @addCount="myHandler" />
  </div>
</template>

<script>
import Child from "./components/Child.vue";
export default {
  components: { Child },
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    myHandler(value) {
      // console.log(value);
      this.count += value;
    },
  },
};
</script>

<style>
</style>